<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>验证</title>
  <script src="index3.js"></script>
</head>
<body>
<!--
编码题：
制作表单验证
 创建表单，要求用户名必须是2-20个字母。
密码必须是6位数字。
电子邮件必须是XX@XX.com格式。
电话号码必须是13、15、18开始的11位数字。
生日为XXXX-XX-XX

验证通过可以提交表单，验证失败则不予提交。
思考：如何重用表单验证代码。-->
<!--添加-->
<form action="add" id="f1" onsubmit="return submitForm2() == 0?false:true">
  <!--  span标签用来存放错误提示-->
  <!--  onblur 失去焦点事件 -->
  用户名:<input type="text" name="name" id="name" onblur="checkName()"><span id="nameSpan"></span><br>
  密码:<input type="text" name="pwd" id="pwd" onblur="checkPwd()"><span id="pwdSpan"></span><br>
  电话:<input type="text" name="phone" id="phone" onblur="checkPhone()"><span id="phoneSpan"></span><br>
  生日:<input type="text" name="brithday" id="brithday" onblur="checkBrithday()"><span id="brithdaySpan"></span><br>
  邮箱:<input type="text" name="email" id="email" onblur="checkEmail()"><span id="emailSpan"></span><br>
  <input type="submit" value="提交">
</form>
</body>
</html>
